<!--  -->
<template>
  <div>
    <el-steps :active="form.roleAudit" align-center finish-status="success">
      <el-step title="学务办初审并赋分" :description="finishStatus('提示', 1, 'xwOpinion')" :status="finishStatus('进度', 1)"></el-step>
      <el-step title="党总支书记审核" :description="finishStatus('提示', 1, 'dzzsjOpinion')" :status="finishStatus('进度', 2)"></el-step>
      <el-step title="科室复核" :description="finishStatus('提示', 1, 'ksOpinion')" :status="finishStatus('进度', 3)"></el-step>
      <el-step title="学工处长审核" :description="finishStatus('提示', 1, 'xgczOpinion')" :status="finishStatus('进度', 4)"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  props: {
    form: {
      type: Object,
      default: []
    }
  },
  // watch: {
  //   "form.auditStatus": {
  //     immediate: true,
  //     handler() {
  //       this.finishStatusXW()
  //       this.finishStatusDZZSJ()
  //       this.finishStatusKS()
  //       this.finishStatusXGCZ()
  //     }
  //   }
  // },
  data() {
    return {

    }
  },
  methods: {
    finishStatus(text, roleAudit, opinionField) {
      if (text === '进度') {
        // 检查 roleAudit 是否与传入的值匹配
        if (this.form.roleAudit === roleAudit) {
          // 返回 auditStatus 对应的 'success' 或 'error'
          return this.form.auditStatus === 1 ? 'success' : 'error';
        }
      } else {
        // 返回同意或不同意的意见，根据 auditStatus 和对应的 opinionField
        if (this.form.auditStatus === 0) {
          return '等待审核'
        }
        return this.form.auditStatus === 1 ? `审核意见：${this.form[opinionField] || '暂无填写'}` : `审核意见：${this.form[opinionField] || '暂无填写'}`;
      }
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {

  },
  // 离开当前页面时执行代码
  destroyed() {

  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>
